/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     结构树     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-EasyTreeMulti,
.CoreBody .CoreWeb-EasyTree {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;

  /* ============================== 选中项 ============================== */
  &-chosen {
    font-weight: bold;
  }

  /* ============================== 禁用项 ============================== */
  &-disabled {
    color: #ccc;
    cursor: not-allowed !important;

    img {
      opacity: 0.3;
      filter: grayscale(1);
    }
  }

  /* ============================== 顶部筛选框 ============================== */
  > .el-input {
    width: auto;
    margin: 0 20px 10px;

    /* —————————————————————————————— 图标 —————————————————————————————— */
    .el-input__icon {
      &:first-child {
        display: none;
      }
      &:last-child {
        display: block;
      }
    }

    /* —————————————————————————————— 有筛选框的结构树 —————————————————————————————— */
    + .CoreWeb-EasyScroll .el-tree {
      padding-top: 0 !important;
    }
  }

  /* ============================== 中间滚动条 ============================== */
  > .CoreWeb-EasyScroll {
    flex: 1;

    /* —————————————————————————————— 滚动区域 —————————————————————————————— */
    > .__panel > .__view {
      padding: 0 20px;

      /* ------------------------------ 结构树 ------------------------------ */
      > .el-tree {
        padding: 20px 0;
      }
    }

    /* —————————————————————————————— 垂直滚动条 —————————————————————————————— */
    .__rail-is-vertical {
      top: 5px !important;
      bottom: 5px !important;
    }

    /* —————————————————————————————— 水平滚动条 —————————————————————————————— */
    .__rail-is-horizontal {
      left: 20px !important;
      right: 20px !important;
    }
  }

  /* ============================== 结构树 ============================== */
  .el-tree {
    background: transparent;

    /* —————————————————————————————— 节点 —————————————————————————————— */
    .el-tree-node__content {
      position: relative;
      height: 40px;

      > div {
        flex: 1;
        display: flex;
        align-items: center;
        height: 100%;

        > span {
          line-height: 1;
        }

        > div {
          display: flex;
          align-items: center;

          > img {
            margin-right: 8px;
          }
        }
      }
    }
  }

  &-medium .el-tree .el-tree-node__content {
    height: 36px;
  }

  &-small .el-tree .el-tree-node__content {
    height: 32px;
  }

  &-mini .el-tree .el-tree-node__content {
    height: 28px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<   顶部和底部    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-EasyTreeMulti,
.CoreBody .CoreWeb-EasyTree {
  /* ============================== 顶部和底部插槽 ============================== */
  &-top,
  &-bottom {
    flex: 0;
    text-align: center;

    /* —————————————————————————————— 按钮 —————————————————————————————— */
    > .CoreWeb-Btn {
      width: calc(100% - 40px);
    }
  }

  /* ============================== 顶部插槽 ============================== */
  &-top > * {
    margin-bottom: 20px;
  }

  /* ============================== 底部插槽 ============================== */
  &-bottom > * {
    margin-top: 20px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      重置      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .CoreWeb-EasyTree .CoreWeb-EasyTree-BtnReset {
  margin: 0 16px;
  padding: 5px 16px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      全选      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .CoreWeb-EasyTreeMulti .CoreWeb-EasyTreeMulti-BtnAll {
  margin: 0 16px;
  padding: 5px 16px;
}
